<script setup>
import { onMounted, ref } from 'vue'

// 名字，必须和template中关联的ref名字一样，初始值可以给一个null
const inputRef = ref(null)
onMounted(() => {
  // vue可以用下面这样写
  //   console.log(this.$refs.inputRef)
  //   console.log(inputRef)
  // inputRef.value 就是dom节点
  inputRef.value.focus()
})
</script>

<template>
  <div class="">
    <input ref="inputRef" type="text" />
  </div>
</template>

<style scoped></style>
